<template>
    <ul class="use-set">
        <li>
            <img src="@/assets/imgs/cd.png" alt="">
            <p>签到</p>
        </li>
        <li>
            <img src="@/assets/imgs/cup.png" alt="">
            <p>礼券</p>
        </li>
        <li>
            <img src="@/assets/imgs/bargin.png" alt="">
            <p>砍价</p>
        </li>
        <li>
            <img src="@/assets/imgs/special.png" alt="">
            <p>专栏</p>
        </li>
    </ul>
</template>
<style lang="scss" scoped>
    ul {
        background: #fff;
        width: 100%;
        display: flex;
        justify-content: space-around;
        text-align: center;
        position: absolute;
        left: 0;
        bottom: 0;
        overflow: hidden;
        padding: 40px 0;
        border-radius: 20% 20% 0 0;
        li {
            img {
                width: 82px;
                height: 82px;
            }
            p {
                font-size: 30px;
                margin-top: 20px;
            }
        }
    }
</style>